import {
  Form,
  Input,
  Select,
} from 'antd';
import React, { useState} from 'react';
const { TextArea } = Input;
const Submit = () => {
  const [componentSize, setComponentSize] = useState('default');
  const onFormLayoutChange = ( { size}) => {
    setComponentSize(size);
  };
  return (
    <Form
      labelCol={{span: 7,}}
      wrapperCol={{span: 14,}}
      layout='horizontal'
      initialValues={{
        size: componentSize,
      }}
      onValuesChange={onFormLayoutChange}
      size={componentSize}
    >
      <Form.Item label="硬件版本">
        <Select>
          <Select.Option value='demo'>Demo</Select.Option>
        </Select>
      </Form.Item>
      <Form.Item label="环境温度(C)">
        <Input/>
      </Form.Item>
      <Form.Item label="测试方法">
        <Select>
          <Select.Option value='demo'>Demo</Select.Option>
        </Select>
      </Form.Item>
      <Form.Item label="分辨率">
        <Input/>
      </Form.Item>
      <Form.Item label="帧率设置">
        <Select>
          <Select.Option value='demo'>Demo</Select.Option>
        </Select>
      </Form.Item>
      <Form.Item label="手机方案">
        <Input/>
      </Form.Item>
      <Form.Item label="手机方案描述">
        <Input/>
      </Form.Item>
      <Form.Item label="游戏场景/设置">
        <Input/>
      </Form.Item>
      <Form.Item label="备注">
        <TextArea rows={4}/>
      </Form.Item>
    </Form>
  );
};
export default Submit;